<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Rocky's website!</title>
    <link rel="stylesheet" href="style.css">
</head>

<body align="center">
    <div class="nav">
        <ul class="links">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="story.html">Story</a></li>
        </ul>
    </div>
    <img src="../rocky_banner.webp" class="rocky_banner">
    <div class="content">
        <h1>Hi, this is Rocky!</h1>
        <p>A cute meow who is a mania of technology and wants to be cuter!</p>
        <div class="r_pf">
            <img src="../index_pic/1.png" alt="Rocky is here ready to help!" class="r_p" height="288">
        </div>
        <div class="r_ssc">
            <h3>The unique programmer in the Meow Kingdom.</h3>
            <p>After moving to Meow Kingdom, I became a super energetic
                meow, with full of curiosity. For those meows who needs to
                solve their programming related problems, I'll be glad to help!<br>
                Not just programming problem, I'll also be trying to fix system problems!
            </p>
        </div>
        <div class="r_pf">
            <img src="../index_pic/2.png" alt="Rocky is arranging his ribbon!" class="r_p" height="288">
        </div>
        <div class="r_ssc">
            <h3>A meow who wants to be cute!</h3>
            <p>I love cute things really much! And I like to make myself cuter!
                Although I almost always being misrecognized as a girl, but that doesn't matters!<br>
                <em>And that's what I want XD</em>
            </p>
        </div>
        <div class="r_pf">
            <img src="../index_pic/3.png" alt="Rocky loves eating meow chocolate cookies!" class="r_p" height="288">
        </div>
        <div class="r_ssc">
            <h3>A meow who love eating!</h3>
            <p>As a meow, I loves eating delicious things! My favourite food is the meow chocolate
                cookies! Sometimes, I love it more than how the king Kyuzo does!<br>
                <em>Note: I'm not super gluttony.</em>
            </p>
        </div>
        <div class="r_ssf">
            <p>After all, while you're now in my website...<br>
                Why don't you take a look around?
            </p>
        </div>
        <img src="../index_pic/patting-t-c.png" alt="Hideki is patting Rocky~" class="patting_uwu" height="288">
        <div class="footer">
            <ul class="footer_links">
                <li><a href="../en/index.html">Full site</a></li>
                <li><a href="https://kirbysfan.github.io">kfan homepage</a></li>
                <li><a href="https://twitter.com/Kirbysfan2">Twitter</a></li>
            </ul>
            <p>2022, 2023 Kirbysfan</p>
            <p>The DNAxCAT character design is copyrighted to DNAxCAT limited.</p>
        </div>
    </div>

</body>

</html>